<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>滑雪板</title>
    <link rel="stylesheet" href="css/reset.css" title="no title">
    <link rel="stylesheet" href="css/common.css" title="no title">
    <link rel="stylesheet" href="css/index.css" title="no title">
</head>
<body>
<div class="public-header">
    <div class="public-container clearfloat">
        <div class="header-logo">
            <a href=""></a>
        </div>
        <ul class="header-nav">
            <li class="item"><a href="">SHOP</a></li>
            <li class="item"><a href="">TEAM</a></li>
            <li class="item"><a href="">EVENTS</a></li>
            <li class="item"><a href="">EXPERIENCE</a></li>
            <li class="item"><a href="">COMPANY</a></li>
        </ul>
        <div class="header-lock">
            <div class="header-lock-search"><p></p><a href=""><p></p></a></div>
            <div class="header-lock-real"><a href=""></a></div>
            <div class="header-lock-user"><a href=""></a></div>
        </div>
        <ul class="public-header-login">
            <li class="login-text"><a href="" title="注册">注册</a></li>
            <li class="login-text"><a href="" title="登录">登录</a></li>
        </ul>
    </div>
</div>
<div class="index-banner">
    <div class="index-banner-bg">
        <img src="images/banner-1.jpg" alt="banner">
    </div>
    <div class="index-banner-font"></div>
</div>
<div class="public-container index-panel">
    <div class="index-panel-1 ">
        <h2 class="index-panel-1-1">SNOWBOARDS</h2>
        <p class="index-panel-1-1">ALIQUAM ERAT VOLUTPAT. CURABITUR UT CONSEQUAT ARCU EGET LAOREET EST</p>
        <div class="index-panel-x"></div>            <!-- X图片-->
    </div>
</div>
<div class="public-container index-panel">
</div>
<div class="public-container index-panel">
    <div class="index-panel-background">
        <img src="images/panel-background.jpg" alt="banner">
        <div class="panel-font">
            <div class="panel-font-2"></div>
            <div class="panel-font-3"></div>
        </div>
    </div>
</div>
<div class="public-container index-panel index-pnel-name">
    <div class="panel-name-l"></div>
    <div class="panel-name-x"></div>
    <div class="panel-name-p">
        <ul class="clearfloat">
            <li class="all-item">
                <img src="images/name-1.jpg"/>
                <div class="item">
                    Born Identity: Bringing Burton Hardgoods to Life
                </div>
            </li>
            <li class="all-item">
                <img src="images/name-2.jpg"/>
                <div class="item">
                    Jeremy Jones: On That Street Grind
                </div>
            </li>
            <li class="all-item">
                <img src="images/name-3.jpg"/>
                <div class="item">
                    Burton’s Tokyo Rail Days Recap
                </div>
            </li>
            <li class="all-item">
                <img src="images/name-4.jpg"/>
                <div class="item">
                    Burton’s Tokyo Rail Days Preview
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="public-footer"></div>
</body>
</html>
